export default {
  path: 'css3',
  redirect: '/css3/skybox',
  name: 'Css3',
  component: () => import('@/components/MyRouterView.vue'),
  children: [
    {
      path: 'skyBox',
      name: 'SkyBox',
      meta: { title: 'skyBox' },
      component: () => import('@/pages/css3/sky-box/index.vue')
    },
    {
      path: 'colorFont',
      name: 'ColorFont',
      meta: { title: 'colorFont' },
      component: () => import('@/pages/css3/color-font/index.vue')
    },
    {
      path: 'rotateBox',
      name: 'RotateBox',
      meta: { title: 'rotateBox' },
      component: () => import('@/pages/css3/rotate-box/index.vue')
    },
    {
      path: 'mazeBoard',
      name: 'MazeBoard',
      meta: { title: 'mazeBoard' },
      component: () => import('@/pages/css3/maze-board/index.vue')
    },
    {
      path: 'starrySky',
      name: 'StarrySky',
      meta: { title: 'starrySky' },
      component: () => import('@/pages/css3/starry-sky/index.vue')
    },
    {
      path: 'filterContrast',
      name: 'FilterContrast',
      meta: { title: 'filterContrast' },
      component: () => import('@/pages/css3/filter-contrast/index.vue')
    },
    {
      path: 'dragonBoatFestival',
      name: 'DragonBoatFestival',
      meta: { title: 'dragonBoatFestival' },
      component: () => import('@/pages/css3/dragon-boat-festival/index.vue')
    },
    {
      path: 'orbitOfThePlanet',
      name: 'OrbitOfThePlanet',
      meta: { title: 'orbitOfThePlanet' },
      component: () => import('@/pages/css3/orbit-of-the-planet/index.vue')
    },
    {
      path: 'css3BorderBox',
      name: 'Css3BorderBox',
      meta: { title: 'css3BorderBox' },
      component: () => import('@/pages/css3/border-box/index.vue')
    },
    {
      path: 'imageHover',
      name: 'ImageHover',
      meta: { title: 'imageHover' },
      component: () => import('@/pages/css3/image-hover/index.vue')
    },
    {
      path: 'eCard',
      name: 'ECard',
      meta: { title: 'eCard' },
      component: () => import('@/pages/css3/e-card/index.vue')
    },
    {
      path: 'showOverQuantity',
      name: 'ShowOverQuantity',
      meta: { title: 'showOverQuantity' },
      component: () => import('@/pages/css3/show-over-quantity/index.vue')
    },
    {
      path: 'cssShape',
      name: 'CssShape',
      meta: { title: 'cssShape' },
      component: () => import('@/pages/css3/css-shape/index.vue')
    },
    {
      path: 'imageFragmentation',
      name: 'ImageFragmentation',
      meta: { title: 'imageFragmentation' },
      component: () => import('@/pages/css3/image-fragmentation/index.vue')
    },
    {
      path: 'layout',
      name: 'Layout',
      meta: { title: 'layout' },
      component: () => import('@/pages/css3/layout/index.vue')
    }
  ]
}
